<template>
  <div>
    <h1 class="title">{{ title }}</h1>
    <img v-for="image in images" :key="image" :src="image" alt />
  </div>
</template>

<script>
export default {
  data: () => {
    return {
      title: '',
      images: []
    }
  },
  mounted() {
    this.querySoftDetail()
  },
  methods: {
    async querySoftDetail() {
      const { data } = await this.$axios.get('api/soft/info')
      Object.assign(this, data)
    }
  }
}
</script>

<style>
h1.title {
  font-size: 14px;
  padding: 10px 15px;
}
img {
  width: 100%;
  display: block;
}
</style>
